<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="shortcut icon" href="../public/images/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" href="../public/css/common.css" />
	<script type="text/javascript" src="../public/js/jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" href="./css/index.css" />
	<script type="text/javascript" src='./js/index.js'></script>
	<title>首页</title>
</head>
<body>
<!-- 头部开始 -->
	<div id="header">
		<div class="headBox">
			<div class="headTop">
					<div id="loginCart">
						<div class="login">
							<a href="">登陆</a>
							<a href="">注册</a>
						</div>
						<div class="cart">
							<a href="" target="_blank">购物车<span>0</span>件</a>
						</div>
					</div>
					<h1 id="logo">
						<a href="__ROOT__"></a>
					</h1>
			</div>
			<div class="headBottom">
				<ul>
					<li class="homePage">
						<a href="__ROOT__">首页</a>
					</li>
					<li class="category">
						<a href="">分类</a>
						<div class="content">
							<div class="widget">
								<div class="cate" style="display:block">
									<div class="catetop fixed">
										<a href=""></a>
										<a href=""></a>
										<a href=""></a>
										<a href=""></a>
									</div>
									<div class="cateitem ct"></div>
									<div class="catetag"></div>
									<div class="catemore"></div>
									<div class="dot"></div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<a href="">市集</a>
					</li>
					<li>
						<a href="">市集</a>
					</li>
					<li>
						<a href="">市集</a>
					</li>
					<li>
						<a href="">市集</a>
					</li>
				</ul>
				<div class="search">
					<form action="" method="">
						<input type="hidden" />
						<input type="hidden" />
						<input type="text" placeholder="请输入要搜索的关键词" name="keyword"/>
						<a href="javascript:" class="searchBtn"></a>
					</form>
				</div>
			</div>
		</div>
	</div>
<!-- 头部结束 -->

<!-- 内容区开始 -->
	<div id="slide" style="width: 1287px;height: 525px;">
		<ul>
			<li style="background: url('./images/201403271829071351.jpg') no-repeat scroll 0px center transparent; display: block;">
				<a href="" target="_blank"></a>
			</li>
			<li style="background: url('./images/201403251540131166.jpg') no-repeat scroll 0px center transparent; display: none;">
				<a href="" target="_blank"></a>
			</li>
			<li style="background: url('./images/201403251752365789.jpg') no-repeat scroll 0px center transparent; display: none;">
				<a href="" target="_blank"></a>
			</li>
			<li style="background: url('./images/201403191815443565.jpg') no-repeat scroll 0px center transparent; display: none;">
				<a href="" target="_blank"></a>
			</li>
			<li style="background: url('./images/201403181818012817.jpg') no-repeat scroll 0px center transparent; display: none;">
				<a href="" target="_blank"></a>
			</li>
			<li style="background: url('./images/201403141456077187.jpg') no-repeat scroll 0px center transparent; display: none;">
				<a href="" target="_blank"></a>
			</li>
		</ul>
		<a href="javascript:" class="prev control"></a>
		<a href="javascript:" class="next control"></a>
		<div class="bullets">
			<div>
				<a href="javascript:" class="selfbullet">1</a>
				<a href="javascript:">2</a>
				<a href="javascript:">3</a>
				<a href="javascript:">4</a>
				<a href="javascript:">5</a>
				<a href="javascript:">6</a>
			</div>
		</div>
	</div>
	<div id="warp">
		<!-- 栏目一 -->
		<div class="container fixed">
			<h2>当日精选</h2>
			<!-- <list> 这个地方用list循环,if判断是否为最后一个,控制最后一个div的样式 -->   
			<div class="containerList">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList" style="margin-right:0px;">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
		</div>
		<!-- 栏目二 -->
		<div class="container fixed">
			<h2>定制推荐</h2>
			<!-- <list> 这个地方用list循环,if判断是否为最后一个,控制最后一个div的样式 -->   
			<div class="containerList">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<!-- 中间大图 -->
			<div class="containerList containerListBig">
				<a href="" target="_blank">
					<img src="./images/201403181531134659.jpg" alt="图片占位" />
					<div class="podLabel shadowed podLabelBig">
						<div class="podTitle">一木一生，一梳一世</div>
					</div>
				</a>
			</div>
			<div class="containerList" style="margin-right:0px;">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt" style="margin-right:0px;">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
		</div>
		<!-- 栏目三 -->
		<div class="container fixed">
			<h2>设计精选</h2>
			<!-- <list> 这个地方用list循环,if判断是否为最后一个,控制最后一个div的样式 -->   
			<div class="containerList">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<!-- 中间大图 -->
			<div class="containerList containerListBig">
				<a href="" target="_blank">
					<img src="./images/201403181531134659.jpg" alt="图片占位" />
					<div class="podLabel shadowed podLabelBig">
						<div class="podTitle">一木一生，一梳一世</div>
					</div>
				</a>
			</div>
			<div class="containerList" style="margin-right:0px;">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
			<div class="containerList clt" style="margin-right:0px;">
				<a href="" target="_blank">
					<img src="./images/201403280948066775.jpg" alt="图片占位" />
					<div class="podLabel shadowed">
						<div class="podTitle">可定定制复古牛皮手提包</div>
					</div>
				</a>
			</div>
		</div>
	</div>
	<!-- 栏目四 -->
	<div id="warpLast">
		<div class="container fixed" style="padding-bottom:80px;width:1100px;margin:0 auto;">
			<h2>作品展示墙</h2>
			<div class="highQualitylist fixed">
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
				<a href="" target="_blank"><img src="./images/201401161845055464.jpg" alt="图像占位" style="width:160px;height:68px"/></a>
			</div>
		</div>
	</div>
<!-- 内容区结束 -->

<!-- 底部版权信息开始 -->
	<div id="footer">
		<div class="footerTop">
			<div class="footerTopCon fixed">
				<div class="jingcai fl">
					<p class="fTitle">更多精彩</p>
					<ul>
						<li>
							<a href="" target="_blank">闪购</a>
						</li>
						<li>
							<a href="" target="_blank">闪购</a>
						</li>
						<li>
							<a href="" target="_blank">闪购</a>
						</li>
						<li>
							<a href="" target="_blank">闪购</a>
						</li>
						<li>
							<a href="" target="_blank">闪购</a>
						</li>
						<li>
							<a href="" target="_blank">闪购</a>
						</li>
					</ul>
				</div>
				<div class="chengnuo fl">
					<p class="fTitle">我们承诺</p>
					<ul>
						<li>365天不打烊</li>
						<li>365天不打烊</li>
						<li>365天不打烊</li>
						<li>365天不打烊</li>
						<li>365天不打烊</li>
						<li>365天不打烊</li>
					</ul>
				</div>
				<div class="guanzhu fl">
					<p class="fTitle">在这里关注我们</p>
					<ul>
						<li><a href="" target="_blank">新浪微博</a>
						</li>
						<li><a href="" target="_blank">新浪微博</a>
						</li>
						<li><a href="" target="_blank">新浪微博</a>
						</li>
					</ul>
				</div>
				<div class="tdCode fl"><img src="./images/edCode.png" alt="二维码占位" /></div>
			</div>
		</div>
		<div class="footerBottom">
			<div class="footerBottomCon">
				<p class='footerAd'>高端定制上哇噻网</p>
				<div class="footerNav ct">
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
					<a href="" target="_blank">关于我们</a>
				</div>
				<p class="beian ct">北京哇噻网信息技术有限公司 WowSai.com Copyright© 2008-2013 [京ICP备10020900][京ICP证090011号]</p>
				<div class="zhengshu">
					<a href="" target="_blank"><img src="./images/108_40_cart.png" alt="证书图片占位" /></a>
					<a href="" target="_blank"><img src="./images/108_40_cart.png" alt="证书图片占位" /></a>
					<a href="" target="_blank"><img src="./images/108_40_cart.png" alt="证书图片占位" /></a>
				</div>
			</div>
		</div>
		<div class="footerBlank fixed"></div>
	</div>
<!-- 底部版权信息结束 -->
</body>
</html>